<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<h:body>
	<div class="sidebar" id="sidebar">
			
			<div class="sidebar-collapse" id="sidebar-collapse" style="height: 34px !important;">
				<i class="icon-double-angle-left"></i>
			</div>

		<ul class="nav nav-list">
			<li> 
				<a href="#{request.contextPath}/view/dashboard.jsf">
					<i class="icon-dashboard"></i>
					<span class="menu-text"> Dashboard </span>
				</a>
			</li>

			<li>
				<a href="#{request.contextPath}/view/typography.jsf">
					<i class="icon-text-width"></i>
					<span class="menu-text"> Typography </span>
				</a>
			</li>

			<li>
				<a href="#{request.contextPath}/view/uielement.jsf" class="dropdown-toggle">
					<i class="icon-desktop"></i>
					<span class="menu-text"> UI Elements </span>

					<b class="arrow icon-angle-down"></b>
				</a>

				<ul class="submenu">
					<li>
						<a href="#{request.contextPath}/view/employe.jsf">
							<i class="icon-double-angle-right"></i>
							Elements
						</a>
					</li>

					<li>
						<a href="#{request.contextPath}/view/parameter.jsf">
							<i class="icon-double-angle-right"></i>
							Buttons &amp; Icons
						</a>
					</li>

					<li>
						<a href="treeview.html">
							<i class="icon-double-angle-right"></i>
							Treeview
						</a>
					</li>

					<li>
						<a href="#" class="dropdown-toggle">
							<i class="icon-double-angle-right"></i>

							Three Level Menu
							<b class="arrow icon-angle-down"></b>
						</a>

						<ul class="submenu">
							<li>
								<a href="#">
									<i class="icon-leaf"></i>
									Item #1
								</a>
							</li>

							<li>
								<a href="#" class="dropdown-toggle">
									<i class="icon-pencil"></i>

									4th level
									<b class="arrow icon-angle-down"></b>
								</a>

								<ul class="submenu">
									<li>
										<a href="#">
											<i class="icon-plus"></i>
											Add Product
										</a>
									</li>

									<li>
										<a href="#">
											<i class="icon-eye-open"></i>
											View Products
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<a href="tables.html">
					<i class="icon-list"></i>
					<span class="menu-text"> Tables </span>
				</a>
			</li>
			<li>
				<a href="#" class="dropdown-toggle">
					<i class="icon-edit"></i>
					<span class="menu-text"> Forms </span>

					<b class="arrow icon-angle-down"></b>
				</a>
				<ul class="submenu">
					<li>
						<a href="form-elements.html">
							<i class="icon-double-angle-right"></i>
							Form Elements
						</a>
					</li>
					<li>
						<a href="form-wizard.html">
							<i class="icon-double-angle-right"></i>
							Wizard &amp; Validation
						</a>
					</li>
					<li>
						<a href="wysiwyg.html">
							<i class="icon-double-angle-right"></i>
							Wysiwyg &amp; Markdown
						</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="widgets.html">
					<i class="icon-list-alt"></i>
					<span class="menu-text"> Widgets </span>
				</a>
			</li>
			<li>
				<a href="calendar.html">
					<i class="icon-calendar"></i>

					<span class="menu-text">
						Calendar
						<span class="badge badge-transparent tooltip-error" title="2 Important Events">
							<i class="icon-warning-sign red bigger-130"></i>
						</span>
					</span>
				</a>
			</li>
			<li>
				<a href="gallery.html">
					<i class="icon-picture"></i>
					<span class="menu-text"> Gallery </span>
				</a>
			</li>
			<li>
				<a href="#" class="dropdown-toggle">
					<i class="icon-tag"></i>
					<span class="menu-text"> More Pages </span>

					<b class="arrow icon-angle-down"></b>
				</a>
				<ul class="submenu">
					<li>
						<a href="profile.html">
							<i class="icon-double-angle-right"></i>
							User Profile
						</a>
					</li>
					<li>
						<a href="pricing.html">
							<i class="icon-double-angle-right"></i>
							Pricing Tables
						</a>
					</li>
					<li>
						<a href="invoice.html">
							<i class="icon-double-angle-right"></i>
							Invoice
						</a>
					</li>
					<li>
						<a href="login.html">
							<i class="icon-double-angle-right"></i>
							Login &amp; Register
						</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="#" class="dropdown-toggle">
					<i class="icon-file-alt"></i>

					<span class="menu-text">
						Other Pages
						<span class="badge badge-primary ">4</span>
					</span>

					<b class="arrow icon-angle-down"></b>
				</a>

				<ul class="submenu">
					<li>
						<a href="error-404.html">
							<i class="icon-double-angle-right"></i>
							Error 404
						</a>
					</li>

					<li>
						<a href="error-500.html">
							<i class="icon-double-angle-right"></i>
							Error 500
						</a>
					</li>

					<li>
						<a href="grid.html">
							<i class="icon-double-angle-right"></i>
							Grid
						</a>
					</li>

					<li>
						<a href="blank.html">
							<i class="icon-double-angle-right"></i>
							Blank Page
						</a>
					</li>
				</ul>
			</li>
		</ul><!--/.nav-list-->

	</div>
</h:body>
</html>